 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>Document</title>
     <link rel="stylesheet" href="./css/base.css">
     <link rel="stylesheet" href="./css/index.css">
     <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.css">
     <link rel="stylesheet" href="./css/module.css">
 
 </head>
 <body>
        <header>
                <div class="mmb_logo_module">
                    <h1><a href="./pages/category.html">慢慢买</a></h1>
                    <div class="mmb_down_module"></div>
                </div>
                <div class="mmb_search_module">
                    <input type="text" placeholder="请输入你想比价的商品">
                    <input type="button" value="搜索">
                </div>
            </header>
        
     <!-- 导航部分 -->
    <div class="big-classify">
            <div class="area-item">
                <a href="./pages/category.html" >
                    <div class="pic">
                        <img src="img/ic_search.png" alt="比价搜索"></div>
                    <div class="name">
                        比价搜索</div>
                </a>
            </div>
            <div class="area-item">
                <a href="./pages/moneyctrl.html" >
                    <div class="pic">
                        <img src="img/ic_cu.png" alt="比价搜索"></div>
                    <div class="name">
                        省钱控</div>
                </a>
            </div>
            <div class="area-item">
                <a href="./pages/inlanddiscount.html" >
                    <div class="pic">
                        <img src="img/ic_coudanpin.png" alt="比价搜索"></div>
                    <div class="name">
                        国内折扣</div>
                </a>
            </div>
            <div class="area-item">
                <a href="./pages/baicaijia.html" >
                    <div class="pic">
                        <img src="img/ic_bcj.png" alt="比价搜索"></div>
                    <div class="name">
                        白菜价</div>
                </a>
            </div>
            <div class="area-item">
                <a href="./pages/" >
                    <div class="pic">
                        <img src="img/haitao.png" alt="比价搜索"></div>
                    <div class="name">
                        海淘折扣</div>
                </a>
            </div>
            <div class="area-item">
                <a href="./pages/moneyctrl.html" >
                    <div class="pic">
                        <img src="img/ic_temai.png" alt="比价搜索"></div>
                    <div class="name">
                        优惠券</div>
                </a>
            </div>
            <div class="area-item">
                <a href="./pages/category.html" >
                    <div class="pic">
                        <img src="img/ic_trend.png" alt="比价搜索"></div>
                    <div class="name">
                        查价历史</div>
                </a>
            </div>
            <div class="area-item" id="hide">
                <a href="javascript:;" >
                    <div class="pic">
                        <img src="img/gengduo.png" alt="比价搜索"></div>
                    <div class="name">
                        更多</div>
                </a>
            </div>
            <div class="area-item on">
                <a href="./pages/gsproduct.html" >
                    <div class="pic">
                        <img src="img/ic_coudanpin.png" alt="比价搜索"></div>
                    <div class="name">
                       凑单品</div>
                </a>
            </div>
            <div class="area-item on">
                <a href="./pages/category.html" >
                    <div class="pic">
                        <img src="img/ic_kb.png" alt="比价搜索"></div>
                    <div class="name">
                        口碑排行</div>
                </a>
            </div>
            <div class="area-item on">
                <a href="./pages/sitenav.html" >
                    <div class="pic">
                        <img src="img/ic_mall.png" alt="比价搜索"></div>
                    <div class="name">
                        商城导航</div>
                </a>
            </div>
            <div class="area-item on">
                <a href="./pages/brandTitle.html" >
                    <div class="pic">
                        <img src="img/ic_pp.png" alt="比价搜索"></div>
                    <div class="name">
                         品牌大全</div>
                </a>
            </div>
           
    </div>
    <!-- 超值折扣推荐 -->
    <div class="czzq_title">
        <span>超值折扣推荐</span>
         <a href="javascript:;">></a>
    </div>
      <div class="czzq">
            <ul class="czzq_bye">
                    <script type="text/tempalate" id="tp_area">
                        {{each $data value}}
                       <li class="clearfix ui-border-b">
                                            <a href="javascript:;">
                                                <div class="pic">{{@ value.productImgSm}}</div>
                                                <div class="clearfix info">
                                                    <div class="title">{{value.productName}} 
                                                        <span>{{value.productPinkage}}</span>
                                                    </div>
                                                    <div class="other">
                                                        <span class="mall">{{value.productFrom}} | {{value.productTime}}</span>
                                                        <span class="comment">
                                                            <i class="icon-comment"> 
                                                            <!-- </i>0 -->
                                                        </span>
                                                    </div>
                                                 </div>
                                            </a>
                                        </li>
                            {{/each}}
                    </script>
               </ul>
      </div>
        <a href="javacript:;" class="gdyh">更多优惠信息>></a>
        <div class="czzq_title">
            <span>品牌排行</span>
             <a href="javascript:;">></a>
        </div>
      <footer>
            <div class="mmb_foot1_module">
                <a href="javascript:;">登录</a>
                <a href="javascript:;">注册</a>
                <a href="javascript:;" id="hw"><span class="glyphicon glyphicon-arrow-up " ></span>返回顶部</a>
            </div>
            <div class="mmb_foot2_module">
                <div><a href="javascript:;">手机APP下载</a> 慢慢买手机版  <span>-- 掌上比价平台</span></div>
                <div>m.manmanbuy.com</div>
            </div>  
        </footer>
        
 </body>
 </html>
 <script src="./lib/jQuery/jquery-1.12.4.js"></script>
 <script src="./lib/bootstrap/js/bootstrap.js"></script>
 <script src="./lib/art-template-web/art-template-web.js"></script>
<script src="./js/index.js"></script>
